/* reset style */
html, body { margin: 0; font: normal 16px/1.5 Arial, 'Microsoft Yahei', Simsun, sans-serif; }
input, button, textarea, select { font-size: inherit; font-family: inherit; vertical-align: middle }
h1, h2, h3, h4, h5, h6, p { margin: 0; font-weight: normal }
ul, ol, dl, dd { margin: 0; padding: 0; list-style: none }
input::-webkit-input-placeholder { color: #bdbdbd }
input::-moz-input-placeholder { color: #bdbdbd }
input:-moz-input-placeholder { color: #bdbdbd }
input::-ms-input-placeholder { color: #bdbdbd }
textarea::-webkit-input-placeholder { color: #bdbdbd }
textarea::-moz-input-placeholder { color: #bdbdbd }
textarea:-moz-input-placeholder { color: #bdbdbd }
textarea::-ms-input-placeholder { color: #bdbdbd }
i, em, address { font-style: normal }
textarea { font-family: "Microsoft Yahei" }
button { cursor: pointer }
:focus { outline: none }
img { display: block; border: none; outline: none; max-width: 100% }
h1 { color: #080808; font-size: 200% }
h2 { color: #080808; font-size: 150% }
h3 { color: #080808; font-size: 100% }
a { text-decoration: none }

/* Style library */
.fl { float: left }
.fr { float: right }
.zm { display: inline-block !important; *display: inline !important; *zoom: 1; }
.fs0 { font-size: 12px !important; }
.fs1 { font-size: 14px !important }
.fs2 { font-size: 16px !important }
.fs3 { font-size: 18px !important }
.fs4 { font-size: 24px !important }
.fs5 { font-size: 30px !important }
.red { color: #ea002a !important; }
.blue { color: #1d94d1; }
.txc1 { color: #333 !important; }
.txc2 { color: #666 !important; }
.txc3 { color: #999 !important; }
.txc4 { color: #a3af25 !important; }
.txc5 { color: #ccc !important; }
.txc6 { color: #f39f32 !important; }
.mt00 { margin-top: 0 !important; }
.mt08 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 19px !important; }
.mt16 { margin-top: 16px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt30 { margin-top: 30px !important; }
.mt32 { margin-top: 32px !important; }
.mt36 { margin-top: 36px !important; }
.mt40 { margin-top: 40px !important; }
.mt48 { margin-top: 48px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
.bgc0 { background-color: #a3af25 !important; }
.bgc1 { background-color: #f3b802 !important; }
.ts2s { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.ts3s { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.line1 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.line2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.clear:after, .clear:before { content: ""; display: table; font-size: 0 !important; line-height: 0 !important; height: 0 !important; }
.clear:after { clear: both; }
.wrapper { width: 1200px; margin: 0 auto; padding: 0 15px; min-width: 1200px; position: relative; }
.wrapper:after, .wrapper:before { content: ""; display: table; font-size: 0 !important; line-height: 0 !important; height: 0 !important; }
.wrapper:after { clear: both; }
.bgcolor { background-color: #f4f4f4 !important; }


/* plugin fullpage */
html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#superContainer { height: 100%; position: relative; -ms-touch-action: none; touch-action: none; }
.fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; }
.fp-slide { float: left; }
.fp-slide, .fp-slidesContainer { height: 100%; display: block; }
.fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; }
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }
.fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.fp-slidesContainer { float: left; position: relative; }
.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; }
.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.fp-scrollable { overflow: scroll; }
.fp-notransition { -webkit-transition: none !important; transition: none !important; }
.fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
.fp-slidesNav.bottom { bottom: 17px; }
.fp-slidesNav.top { top: 17px; }
.fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fp-slidesNav ul li { display: inline-block; }
.fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
.fp-slidesNav ul li a.active span { background: #f4d05d; }
.fp-slidesNav ul li a span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #f4d05d; background: #fff; border-radius: 50%; position: absolute; z-index: 1; }
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; }


/* animate */
@-webkit-keyframes bullet {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes bullet {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}

@-webkit-keyframes rotated {
    0% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    15% {
        -webkit-transform: rotateX(180deg) scale(0.9) translateZ(-10px);
        transform: rotateX(180deg) scale(0.9) translateZ(-10px);
    }
    30% {
        -webkit-transform: rotateZ(180deg) scale(0.9) translateZ(-10px);
        transform: rotateZ(180deg) scale(0.9) translateZ(-10px);
    }
    45% {
        -webkit-transform: rotateY(180deg) scale(0.9) translateZ(-10px);
        transform: rotateY(180deg) scale(0.9) translateZ(-10px);
    }
    60% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    100% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
}

@keyframes rotated {
    0% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    15% {
        -webkit-transform: rotateX(180deg) scale(0.9) translateZ(-10px);
        transform: rotateX(180deg) scale(0.9) translateZ(-10px);
    }
    30% {
        -webkit-transform: rotateZ(180deg) scale(0.9) translateZ(-10px);
        transform: rotateZ(180deg) scale(0.9) translateZ(-10px);
    }
    45% {
        -webkit-transform: rotateY(180deg) scale(0.9) translateZ(-10px);
        transform: rotateY(180deg) scale(0.9) translateZ(-10px);
    }
    60% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    100% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
}

@-webkit-keyframes rotatedb {
    0% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    15% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
    30% {
        -webkit-transform: rotateZ(-180deg);
        transform: rotateZ(-180deg);
    }
    45% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
    60% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    100% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
}

@keyframes rotatedb {
    0% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    15% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
    30% {
        -webkit-transform: rotateZ(-180deg);
        transform: rotateZ(-180deg);
    }
    45% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
    60% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
    100% {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1);
    }
}


@-webkit-keyframes moving {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-24.13%, -16.98%);
        transform: translate(-24.13%, -16.98%);
    }
}

@keyframes moving {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-24.13%, -16.98%);
        transform: translate(-24.13%, -16.98%);
    }
}